<template>
	<view class="tixianed">
		<view class="tixianed_top">
			<image src='../../static/businessImg/whiteback.png' class="topback" @click="back">
			</image>

			<image src='../../static/fenxiaoImg/tixianedR.png' class="topcenter">
			</image>

			<view class="toptext">
				提现已提交!
			</view>
		</view>

		<view class="tixianedCenter">
			<view class="tixianedCenterItem">
				<view class="tixianedCenterItem1">
					提现金额
				</view>
				<view class="tixianedCenterItem2">
					{{price}} 元
				</view>
			</view>
			<view class="tixianedCenterItem">
				<view class="tixianedCenterItem1">
					提现渠道
				</view>
				<view class="tixianedCenterItem2">
					微信
				</view>
			</view>

			<view class="tixianedCenterItem">
				<view class="tixianedCenterItem1">
					账户余额
				</view>
				<view class="tixianedCenterItem2">
					{{info.balance}} 元
				</view>
			</view>
		</view>

		<view class="btnview">
			<view class="btnviewitem" @click="back">
				返回
			</view>
			<view class="btnviewitem2" @click="navigateTo('/pages/fenxiao/tixianlist')">
				查看提现列表
			</view>
		</view>
	</view>
</template>

<script>
	
	import storage from '@/utils/storage.js';
	import { saleHome } from '@/api/fenxiao.js'
	export default {
		data() {
			return {
				price: "",
				info: {}
			}
		},

		onLoad(option) {
			this.price = option.price;
		},
		
		mounted() {
			saleHome({
				id: storage.getUserInfo().saleId
			}).then(res => {
				this.info = res.data
			});
		},
		
		methods: {
			back() {
				uni.navigateBack()
			},
			navigateTo(url) {
				uni.navigateTo({
					url: url
				})
			},
		}
	}
</script>

<style scoped>
	.tixianed {
		width: 100%;
		min-height: 100vh;
		background: #F9F9F9;
	}

	.tixianed_top {
		width: 100%;
		height: 404rpx;
		background: url("../../static/fenxiaoImg/tixianBg.png") no-repeat;
		background-size: 100% 100%;
		position: relative;
	}

	.topback {
		width: 19rpx;
		height: 33rpx;
		position: absolute;
		top: 63rpx;
		left: 18rpx;
	}

	.topcenter {
		width: 111rpx;
		height: 111rpx;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.toptext {
		width: 100%;
		text-align: center;
		font-family: Microsoft YaHei;
		font-weight: 400;
		font-size: 36rpx;
		color: #FFFFFF;
		position: absolute;
		top: 267rpx;
	}

	.tixianedCenter {
		width: 712rpx;
		margin: 0 auto;
		margin-top: 27rpx;
		background: #ffffff;

		display: flex;
		flex-wrap: wrap;
		border: 1rpx solid #f3f3f3;
		align-content: flex-start;
		justify-content: center;
	}

	.tixianedCenterItem {
		width: 646rpx;
		height: 90rpx;
		line-height: 90rpx;
		border-bottom: 3rpx solid #f3f3f3;
		padding: 0 17rpx;

		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.tixianedCenterItem1 {
		width: 50%;
		height: 100%;
		font-family: Microsoft YaHei;
		font-weight: 400;
		font-size: 25rpx;
		color: #3B3B3B;

	}

	.tixianedCenterItem2 {
		flex: 1;
		text-align: right;
		font-family: Microsoft YaHei;
		font-weight: 400;
		font-size: 25rpx;
		color: #282828;
	}

	.btnview {
		width: 672rpx;
		display: flex;
		height: 91rpx;
		align-items: center;
		justify-content: space-between;
		margin: 0 auto;
		margin-top: 87rpx;
	}

	.btnviewitem {
		width: 325rpx;
		height: 100%;
		line-height: 91rpx;
		border: 2rpx solid red;
		background: #FFFFFF;
		text-align: center;
		font-family: Microsoft YaHei;
		font-weight: 400;
		font-size: 30rpx;
		color: #FF4D49;
		border-radius: 45rpx;
	}

	.btnviewitem2 {
		width: 325rpx;
		height: 100%;
		line-height: 91rpx;
		border: 2rpx solid red;
		background: red;
		text-align: center;
		font-family: Microsoft YaHei;
		font-weight: 400;
		font-size: 30rpx;
		color: #FFFFFF;
		border-radius: 45rpx;
	}
</style>
